<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="shortcut icon" href="./assets/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./css/index.css" />
    <title>Document</title>
  </head>
  <body>
    <audio controls src="./assets/music.mp3"></audio>
    <div class="container">
      <ul class="lrc-list">
        <!-- <li>Lorem ipsum dolor sit.</li>
        <li>Accusamus eius ut veniam!</li>
        <li class="active">Architecto culpa optio deleniti!</li>
        <li>In eum deleniti harum!</li>
        <li>Saepe dicta nostrum minima!</li>
        <li>Temporibus quidem explicabo dicta.</li>
        <li>Molestias ipsum facilis deserunt.</li>
        <li>Sapiente consequuntur error porro.</li>
        <li>Aperiam culpa pariatur laudantium?</li>
        <li>Neque nobis quae sint.</li>
        <li>Est, labore dolor. Facere!</li>
        <li>Harum delectus placeat a.</li>
        <li>Voluptatum odio minima expedita?</li>
        <li>Laborum, rem. Illo, impedit.</li>
        <li>Culpa officiis est autem?</li>
        <li>Hic sapiente doloribus ducimus?</li>
        <li>Quo sapiente facilis ab?</li>
        <li>Consequuntur perferendis fuga dolores!</li>
        <li>Temporibus accusantium fuga quia?</li>
        <li>Nihil aliquam ab culpa!</li>
        <li>Suscipit culpa dicta soluta!</li>
        <li>Inventore aut nisi neque!</li>
        <li>Officia sequi necessitatibus perferendis.</li>
        <li>Aliquid, enim unde! Ex?</li>
        <li>Ipsa animi cupiditate recusandae!</li>
        <li>Fugiat incidunt ipsa exercitationem!</li>
        <li>Dolorem saepe sunt ullam!</li>
        <li>Repellat soluta commodi porro!</li>
        <li>Esse sed beatae sit?</li>
        <li>Quia obcaecati error officiis?</li> -->
      </ul>
    </div>
    <script src="./js/data.js"></script>
    <script src="./js/index.js"></script>
  </body>
</html>
